﻿/* page for 购彩中心 */

.buy-center{ z-index:80; }
.section { background-color: #FFF; margin-top: 15px; position: relative; border-left: 1px solid #ddd; border-right:1px solid #ddd; border-top: 1px solid #ddd; border-bottom:0; }
.section h2{ background: url(../images/buy_title_h_bg.png) repeat-x left top; height: 60px; font-size: 14px; }
.section .hot, .section .all{ background: url(../images/buy_title.png) no-repeat; display: inline-block; zoom: 1; height: 58px; }
.section .hot{ background-position: 0 0; width: 152px; }
.section .all{ background-position: 0 -59px; width: 152px; }

.top-card { margin: 10px 20px; }
.top-card li, .section-item li{ background: url(../images/cards.png) no-repeat -5px 0; display: inline-block; zoom: 1; width: 306px; height: 140px; float: left; position: relative; }
.buy, .part, .section-item .t-content .btn a, .section-item .t-content .btn a:hover, .section .sorts li, .section .sorts .current{ background: url(../images/buy_btns2.png) no-repeat; width: 90px; height: 33px; display: inline-block; zoom: 1; }
.buy{ background-position: -113px 0; }
.part{ background-position: -113px -35px; }

.section .sorts li, .section .sorts .current{ width: 104px; height: 36px; line-height: 36px; text-indent: 15px; margin-left: 5px; }
.section .sorts li{ float: left; background-position: 0 -58px; }
.section .sorts .current{ background-position: 0 -96px; }
.section .sorts li a{ color: #898989; }
.section .sorts .current a{ color: #fff; font-weight: bold; }
.section .btn{ top: 10px; right: 18px; }

.top-flag, .simple, .gaoshou, .baiwan{ position: absolute; top: 0; left: 0; background: url(../images/buy_flags.png) no-repeat; display: inline-block; zoom: 1; width: 75px; height: 72px; }
.top-flag{ background-position: -229px 1px; }

.thumb, .t-content{ float: left; }
.thumb{ width: 67px; height: 75px;  margin: 24px 8px 0px 28px; }
.s11, .ssq, .dcspf,
.section-item .ssq, .section-item .cqssc, .section-item .td, .section-item .gxkl10f, .section-item .cjdlt, .section-item .gd11s5, .section-item .pl3, .section-item .jczqspf, .section-item .lqsf
{ background: url(../images/ball_types.png) no-repeat; display: inline-block; zoom: 1; }
.s11{ background-position: -11px -198px; }
.ssq{ background-position: -96px -197px; }
.dcspf{ background-position: -177px -197px; }
.t-content { width: 200px; margin-top: 10px; color: #000;  }
.t-content h3{ font-size: 14px; }

.tip, .jj{ vertical-align: bottom; display: inline-block; zoom:1; }
.tip { color: #000; }

.section-item { padding: 10px 10px; background-color: #f9f9f9; }
.section-item .t-content{ position: relative; width: 320px; margin-top: 20px; }
.section-item li{ background-position: -5px -138px; width: 459px; height:128px; margin:5px; }
.section-item .thumb{ width: 81px; height: 90px; }
.section-item .ssq{ background-position: -8px -2px; }
.section-item .cqssc{ background-position: -94px -2px; }
.section-item .td{ background-position: -188px -2px; }
.section-item .gxkl10f{ background-position: -283px -2px; }
.section-item .cjdlt{ background-position: -381px -2px; }
.section-item .gd11s5{ background-position: -8px -95px; }
.section-item .pl3{ background-position: -94px -95px; }
.section-item .jczqspf{ background-position: -188px -95px; }
.section-item .lqsf{ background-position: -283px -95px; }

.section-item .t-content .btn{ top: 25px; right: 0px; width: 140px; }
.section-item .t-content .btn a{ width: 69px; height: 26px; background-position: 0 0 ; text-align: center; color: #000; line-height:26px;  }
.section-item .t-content .btn a:hover{ background-position: 0 -28px; width: 69px; height: 26px; color: #fff; text-decoration: none; }

.simple{ background-position: 0 0; }
.gaoshou{ background-position: -77px 0; }
.baiwan{ background-position: -153px 0; }

/* 购买的页面 */
.jj{ padding-left: 10px; height: 16px; overflow: hidden;  width: 30px; line-height: 15px; margin-bottom: 7px; }
.step-wrap{ color: #000; }

.step, .h{ position: relative; }
.h{ margin-top: 20px; }
.bs{ width: 30px; }

.page-buy .section, .step, .sp { margin: 0 15px 0 0; color: #000; position: relative; }
.page-buy .section h2, .step h2{ background: url(../images/buy_title_bg.png) repeat-x; height: 44px; line-height: 34px; font-weight: normal; color: #f00; font-size: 12px; }
.page-buy .btn{ font-weight: bold; color: #000; width: 80px; top: 15px; right: 20px; }
.page-buy .ssq_title{ background: url(../images/type_titles.png) no-repeat; display: inline-block; zoom: 1; height: 43px; width: 114px; vertical-align: bottom; }
.page-buy .ssq_title{ background-position: 0 0; }
.page-buy .b-area .thumb{ margin: 5px; }
.page-buy .b-area .desc{ color: #000; }
.page-buy .counter{ width: 150px; position: absolute; top: 100px; right: 25px; }
.page-buy .counter table{ border: 3px solid #c72b2e;  }
.page-buy .counter table td{ border: 1px solid #c6c6c6; background-color: #f6f6f6; text-align: center; }
.page-buy .search{ margin-right: 15px; border-top: 0; border-bottom: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

.page-buy .buy-type{ padding-left: 15px; border-top: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom:0; background-color: #f9f9f9; }
.page-buy .buy-type li, .g-area .add_btn, .g-area table th a, .g-area .buy_btn, .dgrid .buy-it, .search .s-btn, .dgrid i, .plan .buy_btn
{ float: left; width: 76px; height: 29px; line-height: 29px; background: url(../images/buy_btns.png) no-repeat -75px -43px; margin: 0; text-align: center; }
.page-buy .buy-type .current{ background-position: -75px -9px; }
.page-buy .buy-type li a{ color: #5d5d5d; }
.page-buy .buy-type .current a{ color: #f0f0f0; }

.page-buy .type, .page-buy .buy-type{ margin-right: 15px; }

.page-buy .type{ background: url(../images/buy_tab_bg.png) repeat-x left bottom; height: 32px; padding-left: 8px; border-bottom: 1px solid #ddd; position: relative; margin-bottom: 10px; }
.page-buy .type li{ float: left; width:88px; text-align: center; padding-top: 5px; line-height: 28px; }
.page-buy .type .current{ background: url(../images/buy_tab_current.png) no-repeat left bottom; }
.page-buy .type li a{ color: #000; }
.page-buy .type .current a{ font-weight: bold; }

.sp{ padding-left: 12px; position: relative; height:30px;overflow:hidden;}
.sp .ops {
    display: none;
    left: 12px;
    height: 30px;
    line-height:30px;
}
.sp .ops span{ margin-right: 25px; }
.sp .ops label{ margin: 0 5px; }
.sp .current {
    display: inline-block; zoom:1;
}
.h .btn{ top: 0; right: 0; width: 240px; color: #F00; }
.tr{ text-align: right; height: 30px; line-height: 30px; }
.sp a, .step a, .plan a{ color: #2b55a0; float: right; }
.step a{ float: none; }
.step-wrap .help, .b-part i{ width: 15px; height: 15px; margin: 0 5px 0 0; background-position: -104px -147px; }
.step-wrap .h .btn{ width: 240px; }

/*步骤的相关*/
.page-buy .buy-type li, .g-area .add_btn, .g-area table th a, .g-area .buy_btn, .dgrid .buy-it, .search .s-btn, .dgrid i, .plan .buy_btn, .ele-ipt, .do a
{ float: left; width: 76px; height: 29px; line-height: 29px; background: url(../images/buy_btns.png) no-repeat -75px -43px; margin: 0; text-align: center; }
.g-area{ background-color: #f9f9f9; text-align: center; }
.g-area, .h{ text-align: center; }
.g-area .add_btn, .g-area .buy_btn, .plan .buy_btn, .g-area .disabled{ border: 0; width: 178px; height: 40px; float: none; margin: 8px auto; cursor: pointer; }
.g-area .add_btn{ background-position: 0px -87px;  }
.g-area .disabled{ background-position: -185px -87px; }
.g-area .buy_btn, .plan .buy_btn{ background-position: 0px -130px; width: 114px;  }
.g-area table{ width: 611px; margin: 5px auto; }
.g-area .list{ width: 524px; height: 140px; overflow: auto; border: 1px solid #d6d6d6; background-color: #fff; }
.g-area .list ul li{ float: none; margin: 0 5px; text-align: left; position:relative;width:auto;border-bottom: 1px dotted #CCCCCC;height:25px;line-height:25px;}
.g-area .list ul li em{ font-style: normal; }
.g-area table th a{ background-position: -156px -42px; color: #000; margin-bottom: 5px; font-weight: normal; margin-left: 5px; }
.g-area table th a:hover{ background-position: -156px -10px; color: #fff; text-decoration: none; }
.g-area p{ padding: 10px; }
.g-area .list li span{ position:absolute; top:4px; right:0;}
.g-area .list li span a{ margin-right:6px; display:inline-block; overflow:hidden; width:16px; height:16px; background:url(../images/icon_opaque.png) no-repeat;}
.g-area .list li span .edit{ background-position:0 -43px;}
.g-area .list li span .del{ background-position:-19px -43px;}

.step .dnav, .step .pin{ position: absolute; background: url(../images/navs_ie6.png) no-repeat; display: inline-block; zoom: 1; width: 41px; height: 21px; z-index: 988; }
.step .pin{ background-position: -80px -172px; bottom: -21px; right: 50%; }
.step .dnav{ background-position: -80px -200px; bottom: -21px; right: 50%; }

.h .btn label{ padding-left: 3px; }

/*对话框*/
.smart{font-size:14px;font-family:'微软雅黑','黑体','宋体',arial,sans-serif;text-align:center}
.smart .opacity{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #666; opacity:.4;filter:alpha(opacity=40); z-index: 1;left:-5px;top:-5px;}
.smart .modal{z-index:2;position:relative}
.smart .top{height: 22px;line-height: 22px;color: #666666;font-size: 14px;font-weight: bold;background-image:none;}
.smart .title{padding:5px;text-align:left; background-color: #F5F5F5; }
.smart td.content{text-align:center;float:none}
.smart .action, .smart .close{position:absolute;cursor:pointer;z-index:3;text-decoration:none}
.smart .action{bottom:0;background: url("../images/buy_btns2.png") no-repeat 0 -29px;color: #FFFFFF;display: inline-block;font-weight: bold;height: 26px;line-height: 23px;margin-bottom: 6px;text-align: center;width: 70px;}
.smart .close{top:8px;right:3px;color: #B4B4B4;font: bold 12px/1.2 'Comic Sans MS';padding: 0 3px;}
.smart a.disabled{opacity:.5;filter:alpha(opacity=50);cursor:default;}